<!DOCTYPE html>
<head>
    <script src="./addLoadEvent.js"></script>
    <script src="./js/displayAbbreviations.js"></script>
</head>
<body>
    <h1>What is the Document Object Model?</h1>
    <p>
        The
        <abbr title="World Wide Web Consortium">W3C</abbr>
        defines
        the
        <abbr title="Document Object Model">DOM</abbr>
        as:
    </p>
    <blockquote cite="http://www.w3.org">
        <p>
            A platform- and language-neutral interface that will allow progarams
            and scripts to dynamically access and update the 
            content, structure and style of documents.
        </p>
    </blockquote>
    <p>
        It is an
        <abbr title="Application Programming Interface">API</abbr>
        that can be used to navigate
        <abbr title="HyperText Markup Language">HTML</abbr> and
        <abbr title="eXtentsible Markup Language">
            XML
        </abbr>
        documents
    </p>
    
    <p id="abbrContainer">
        <!-- <dl>
            <dt>W3C</dt>
            <dd>World Wide Web Consortium</dd>
            <dt>DOM</dt>
            <dd>Document Object Model</dd>
            <dt>API</dt>
            <dd>Application Programming Interface</dd>
            <dt>HTML</dt>
            <dd>HyperText Markup Language</dd>
            <dt>XML</dt>
            
            <dd>eXtentsible Markup Language</dd>
        </dl> -->
        
    </p>
    <script>
        addLoadEvent(displayAbbreviations);
    </script>
</body>
